﻿<div>
    <p><strong>Enter your menu items</strong></p>
    Lunch Menu: <input type="text" ng-model="lunchMenu" placeholder="Lunch Menu" /><br />
    Size: <input type="text" ng-model="lunchSize" placeholder="Size: L M S" /><br />
    Price: <input type="text" ng-model="lunchPrice" placeholder="Price" /><br />
    <button ng-click="addMenu()">Add Menu</button><br />
    <hr />
    <div ng-repeat="x in menuList">
        <ul>
            <li>
                {{x.lunchMenu}}<br />
            </li>
            <li>
                {{x.lunchSize}}<br />
            </li>
            <li>
                {{x.lunchPrice|currency}}<br />
            </li>
            <li>
                {{x.date| date:'dd-M-yyyy H:mm'}}<br />
            </li>
        </ul>
    </div>
</div>